﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="NewsUserControl.ascx.cs" Inherits="NewsUserControl" %>
<link rel="stylesheet" href="Css/NewsUserControl.css" type="text/css"/>
<style>
    .myuc1 {
    width: 250px;
    margin: 0px auto;
}

#header_wrap {
    text-align: center;
    height: 250px;
    position: relative;
    width: 250px;
}

#header_image {
    margin: 0px auto;
    width: 250px;
    height: 250px;
}

#header_title {
    position: absolute;
    bottom: 0px;
    background-color: black;
    color: white;
    font-size: 16px;
    height: 43px;
    padding: 10px;
    width: 230px;
    margin: 0px auto;
}
    #header_title a:hover {
        color:#6Ab9D6
    }

#header_title a {
    text-decoration: none !important;
    color:white !important;
    font-size:16px;
    font-weight:bold;
}
#content_wrap {
    color: black;
    margin: 0px auto;
    width: 224px;
    padding: 10px;
    text-decoration: none !important;    
    border-top: none;
    font-size: 11px !important;
}

    #content_wrap a {
        text-decoration: none !important;
    }

        #content_wrap a:hover {
            color: #CA0002 !important;
        }

#content {
    width: 250px;
    padding-left: 10px;
    list-style: url('http://i.cdn.turner.com/cnn/.e/img/3.0/global/red_bull.gif');
}

    #content ul {
        list-style-position: outside;
        text-align: left;
        padding-left: 0px;
        text-decoration: none !important;
        width:225px;
    }

        #content ul li a {
            text-decoration: none !important;
            color: #004276 !important;
        }


</style>
    <div ID="myuc1" runat="server" class="myuc1">               
          <div id="header_wrap">
                <div id="header_image" >
                    <asp:hyperlink ID="header_link" runat="server" >
                   <asp:Image ID="Image1" Width="250" Height="250" BackColor="Blue" runat="server" ImageAlign="NotSet" style="margin: 0px auto" ImageUrl="~/Images/seconde_article.jpg"/>
                    </asp:hyperlink>
                </div>
                <div id="header_title">
                   <asp:HyperLink runat="server" ID="title"  text="test" Style="width:100%;height:100%;" ></asp:HyperLink>
                </div>
          </div>

          <div id="content_wrap">
                     <asp:Label ID="contentLabel" runat="server" /><asp:HyperLink runat="server" ID="label_link" style="color:#004276"> Full Story</asp:HyperLink>    
              <div id="content">
                  <ul runat="server" id="ul1">
                    <li runat="server" id="l1" visible="false"><asp:HyperLink runat="server" ID="list1" text="list1" Visible="false">list1</asp:HyperLink></li>
                    <li runat="server" id="l2" visible="false"><asp:HyperLink runat="server" ID="list2" text="list1" Visible="false">list1</asp:HyperLink></li>
                    <li runat="server" id="l3" visible="false"><asp:HyperLink runat="server" ID="list3" text="list1" Visible="false">list1</asp:HyperLink></li>
                    <li runat="server" id="l4" visible="false"><asp:HyperLink runat="server" ID="list4" text="list1" Visible="false">list1</asp:HyperLink></li>
                    <li runat="server" id="l5" visible="false"><asp:HyperLink runat="server" ID="list5" text="list1" Visible="false">list1</asp:HyperLink></li>
                  </ul>
              </div>
          </div>
     </div>
